
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>马云官网 </title>
    <link rel="stylesheet" href="">
    <style type="text/css" media="screen">
    *{margin: 0;padding: 0;}
            .menu{
                margin: 20px auto 0;
                width: 720px;
            }
            .menu li{
                   display: inline-block;
                }
        .img{width: 400px;height: 400px;
            margin: 20px;padding: 20px;}
        .img img{width:100% ;
                transition: all 0.5s;
                }
        .img:hover img{
                transform: scale(1.3);
            }

                .title h1{
                    color: red;font-size: 80px;font-weight: bold;
                }
                .title p{
                          color: orangered;font-size: 50px;font-style: italic;font-weight: 800;
                          margin-top: 100px;
                }
 .menu li a{
                    border: 0.5px solid black;
                    display:block ;
                    padding: 10px 20px;
                    transition: all 0.35s;
                    font-size: 30px;font-weight: bold;text-decoration: none;
                }
 .menu li a:hover{
                    border-color: orange;
                    color: #fff;
                    background-color: orangered;
                }
    </style>
</head>
<body bgcolor="#eeeeee">
<center>
<div class="header">
  <div class="'title">
 <h1>马云</h1>
 <p>阿里巴巴的主要创始人</p>
</div>
 <div class="img_list">
         <div class="img">
        <img src="马云.jpg" alt="">
</div>
<ul class="menu">
            <li><a href="https://www.taobao.com/">淘宝</a></li>
            <li><a href="https://www.tmall.com/">天猫</a></li>
            <li><a href="https://www.alipay.com/">支付宝</a></li>
            <li><a href="https://www.antfin.com/">蚂蚁金服</a></li>
 </center>
</body>
</html>